[Campaign Launcher UI] The App Redesign#840
Open
KirillKirill wants to merge 10 commits intodevelopfrom
Open
Conversation
2eabdcc to
34e8218
Compare
There was a problem hiding this comment.
Pull request overview
Introduces the initial “App Redesign” UI foundation for the Campaign Launcher, including updated layout styling, refreshed header/footer navigation, new overlay primitives (modal/drawer), and updated wallet-connect visuals.
Changes:
- Adds new navigation + layout spacing adjustments (header/footer/page wrapper) and introduces
/campaignsroute constant. - Adds reusable mobile-first overlay building blocks (
BaseDrawer,ResponsiveOverlay) and updates modal styling. - Refreshes wallet connect UI + icons/assets, and adjusts various entity visual components to match the redesign.
Reviewed changes
Copilot reviewed 21 out of 28 changed files in this pull request and generated 6 comments.
Show a summary per file
| File | Description |
|---|---|
| campaign-launcher/client/src/theme.ts | Adjusts button typography sizing for the redesign. |
| campaign-launcher/client/src/icons/index.tsx | Adds new SVG icons used by redesigned UI. |
| campaign-launcher/client/src/hooks/useBreakpoints.ts | Expands “mobile” to include sm breakpoint. |
| campaign-launcher/client/src/constants/index.ts | Adds /campaigns route constant + bottom-nav height constant. |
| campaign-launcher/client/src/components/ResponsiveOverlay/index.tsx | New abstraction choosing modal vs drawer based on viewport. |
| campaign-launcher/client/src/components/PageWrapper/index.tsx | Updates page spacing and min-height calculations for new layout. |
| campaign-launcher/client/src/components/modals/BaseModal/index.tsx | Redesigns modal styling and adds closeButtonSx. |
| campaign-launcher/client/src/components/Layout/index.tsx | Adds context-driven footer bottom-offset reservation plumbing. |
| campaign-launcher/client/src/components/LaunchCampaignButton/index.tsx | Simplifies launch button styling/behavior for redesign. |
| campaign-launcher/client/src/components/Header/index.tsx | Redesigns header nav + adds “Campaigns” link and external-link styling. |
| campaign-launcher/client/src/components/Footer/index.tsx | Redesigns footer layout and supports reserved bottom padding. |
| campaign-launcher/client/src/components/ExchangeSelect/index.tsx | Removes legacy exchange select component. |
| campaign-launcher/client/src/components/CryptoPairEntity/index.tsx | Updates token-pair visual sizing + typography color. |
| campaign-launcher/client/src/components/CryptoEntity/index.tsx | Updates typography color (but currently mismatched symbol sizing API). |
| campaign-launcher/client/src/components/Container/index.tsx | Constrains max content width for the redesign layout. |
| campaign-launcher/client/src/components/ConnectWallet/index.tsx | Updates connect-wallet UI (drawer on mobile, popover on desktop) + assets. |
| campaign-launcher/client/src/components/CampaignSymbol/index.tsx | Changes symbol style API (image.size) for consistent sizing. |
| campaign-launcher/client/src/components/CampaignsTable/index.tsx | Updates launch button usage and removes old address typography variant usage. |
| campaign-launcher/client/src/components/CampaignAddress/index.tsx | Switches address rendering to a link-based component + optional copy UI. |
| campaign-launcher/client/src/components/BaseDrawer/index.tsx | Adds new bottom-anchored drawer primitive with redesigned backdrop. |
| campaign-launcher/client/src/components/Account/index.tsx | Updates account button sizing/padding for redesign. |
| campaign-launcher/client/src/assets/walletconnect.svg | Removes old SVG asset (replaced by PNG). |
| campaign-launcher/client/src/assets/walletConnect.png | Adds new WalletConnect PNG asset. |
| campaign-launcher/client/src/assets/metamask.png | Adds new MetaMask PNG asset. |
| campaign-launcher/client/src/assets/coinbase.svg | Removes old SVG asset (replaced by PNG). |
| campaign-launcher/client/src/assets/coinbase.png | Adds new Coinbase PNG asset. |
| campaign-launcher/client/public/tableImage.png | Adds/updates public table image asset for redesign. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
dnechay
reviewed
Apr 6, 2026
Contributor
dnechay
left a comment
There was a problem hiding this comment.
Looks good as a base, let's move on
ec617db to
268b657
Compare
4347a1a to
268b657
Compare
…theme, images, icons
1991c26 to
0d43299
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Issue tracking
Closes #770
Context behind the change
This PR is going to be a root for other redesign prs. Initially it only includes some minor UI adjustments
How has this been tested?
locally
Release plan
as soon as everything merged and tested
Potential risks; What to monitor; Rollback plan
yet to find